<template>
  <!-- <el-breadcrumb class="app-breadcrumb" separator="/">
    <transition-group name="breadcrumb">
      <el-breadcrumb-item v-for="(item,index) in levelList" v-if="item.meta.title" :key="item.path">
        <span v-if="item.redirect==='noredirect'||index==levelList.length-1" class="no-redirect">{{ item.meta.title }}</span>
        <router-link v-else :to="item.redirect||item.path">{{ item.meta.title }}</router-link>
      </el-breadcrumb-item>
    </transition-group>
  </el-breadcrumb> -->
  <div class="titleBox">
    <img :src="logo" alt="">
    <h2>项目管理系统</h2>
  </div>
</template>

<script>
// import pathToRegexp from 'path-to-regexp'
import logo from '@/assets/logo.png'
export default {
  data() {
    return {
      // levelList: null,
      logo: logo
    }
  }
  // watch: {
  //   $route() {
  //     this.getBreadcrumb()
  //   }
  // },
  // created() {
  //   this.getBreadcrumb()
  // },
  // methods: {
  //   getBreadcrumb() {
  //     const { params } = this.$route
  //     let matched = this.$route.matched.filter(item => {
  //       if (item.name) {
  //         // To solve this problem https://github.com/PanJiaChen/vue-element-admin/issues/561
  //         var toPath = pathToRegexp.compile(item.path)
  //         item.path = toPath(params)
  //         return true
  //       }
  //     })
  //     const first = matched[0]
  //     if (first && first.name !== 'dashboard') {
  //       matched = [{ path: '/dashboard', meta: { title: 'Dashboard' }}].concat(matched)
  //     }
  //     this.levelList = matched
  //   }
  // }
}
</script>

<style rel="stylesheet/scss" lang="scss" scoped>
  // .app-breadcrumb.el-breadcrumb {
  //   display: inline-block;
  //   font-size: 14px;
  //   line-height: 70px;
  //   margin-left: 10px;
  //   color: #fff;
  //   .no-redirect {
  //     color: #fff;
  //     cursor: text;
  //   }
  //   p{
  //     line-height: 70px;
  //   }
  //   a{
  //     color: #fff
  //   }
  // }
  .titleBox{
    height: 70px;
    margin-left: 10px;
    display: inline-block;
    line-height: 70px;
    h2{
      margin: 0px;
      color: #fff;
      line-height: 70px;
      display: inline-block;
      vertical-align: top;
    }
    img{
      width: 54px;
      height: 54px;
      margin-top: 8px;
    }
  }
</style>
